@charset "utf-8";
/* CSS Document */
html {-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;min-height:100%;}
* {tap-highlight-color: transparent;-webkit-tap-highlight-color: transparent;-ms-tap-highlight-color: transparent;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;padding: 0;margin: 0;border: 0;}
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {margin: 0;padding: 0;border: 0;vertical-align: baseline}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block}
body{line-height: 1.8;font-family:PingFangSC-Regular, "Microsoft YaHei", Arial, Helvetica, sans-serif;width: 100%;height: 100%;}
input,textarea{line-height: 1.8;font-family:PingFangSC-Regular, "Microsoft YaHei", Arial, Helvetica, sans-serif;}
ol, li, ul {list-style: none}
a, div, header, span {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
blockquote, q {quotes: none}
blockquote:after, blockquote:before, q:after, q:before {content: '';content: none}
.txt_overflow{display: block;width:100%; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
table {
    border-collapse: collapse;
    border-spacing: 0
}

input, textarea {
    outline: 0;
    resize: none
}

a, a:active, a:hover, a:focus, a:visited {
    text-decoration: none
}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #fff inset;
    background-color: #fff !important;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both
}

.clearfix {
    *zoom: 1
}

.fl {
    float: left
}

.fr {
    float: right
}
:focus {
    outline: -webkit-focus-ring-color auto 0px;
}
::-webkit-input-placeholder { /* WebKit browsers */
    font-family: PingFangSC-Semibold, "Microsoft YaHei", Arial, sans-serif;
  font-size: 1em;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
font-family: PingFangSC-Semibold, "Microsoft YaHei", Arial, sans-serif;
  font-size: 1em;
}

:-ms-input-placeholder { /* Internet Explorer 10+ */
font-family: PingFangSC-Semibold, "Microsoft YaHei", Arial, sans-serif;
  font-size: 1em;
}

.wrapper.center{
    display:block;
    text-align:center;
}

.choice_view .inner_model .left{
    display:block;
    text-align:left;
}


.title.line{
    position:relative;
    display: inline-block;
    white-space: nowrap;
    max-width: 100%;
    font-size: 2em;
    line-height: 2em;
    font-weight: bold;
    font-family: PingFangSC-Semibold, "Microsoft YaHei", Arial, sans-serif;
}
.title.line:after{
    content: "";
    display: block;
    height: .1em;
    width: 34%;
    background-color: #7561a8;
    position: absolute;
    left: 33%;
    font-size: inherit;
}
h1,.h1{
    font-size: 2em;
    line-height: 2em;
    font-weight: bold;
    font-family: PingFangSC-Semibold, "Microsoft YaHei", Arial, sans-serif;
    color: #191919;
}
h2.title,h2,.h2,#content .bd h2{font-size: 1.4em;line-height: 1.5em;font-weight: bold;color: #191919;font-family: PingFangSC-Semibold, "Microsoft YaHei", Arial, sans-serif;}

h3,.h3,#content .bd h3{font-size:1em; font-weight:bold;}
.txt{
    font-size:.9em;
    color: #696969;
}
.bd{width: 60em;margin:auto;}
.wrapper.bd{
    font-size: 0.078125rem;
    margin-top: 2.5em;
}

.white{
    -webkit-box-flex:1 1 auto;
    -webkit-flex:1 1 auto;
    flex:1 1 auto;
}

@media all and (max-width: 640px) {
    .bd{width:100%; }
}

@media all and (max-width: 1920px) {
    html{
        font-size: 13.333333vw;
    }
}

@media all and (min-width: 1921px) {
    html{
        font-size: 256px;
    }
}





.lf{
    float: left;
}
.rg{
    float: right;
}
.area{font-size: .078125rem;}
.main .right .content,#content{font-size: 0.078125rem; text-align: left;}
#content .bd *{font-size: 1em;}
#content .bd img{margin:1em;}

.v16-9{
    position: relative;
    padding-top: 56.25%;
}
.v16_9_inner{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
.head_menu .hidden_menu{
    width:100%;
    background-color: white;
    line-height: 4em;
    height: 0px;
    top:0.13rem;
    display: none;
    max-width: 6em;
    overflow: visible;
}

.head_menu .menu_list{
    margin:0 auto;
    height: 3em;
    position: absolute;
    width: 100%;
    right: 0;
    text-align: right;
}
.head_menu .menu_list .wrapper{display: inline-block;text-align: left;background-color: #f3f3f3;}
.head_menu .menu_list .wrapper .list{
    /* float: left; */
    /* height: 2em; */
    /* margin-right: 1em; */
    width: 100%;
}
.head_menu .menu_list .wrapper .list a{
    color:#696969;
    line-height: 4em;
    display: block;
    padding: 0 1em;
    font-family: PingFangSC-Semibold, "Microsoft YaHei", Arial, sans-serif;
    white-space: nowrap;
}
.head_menu .menu_list .wrapper .list a:hover{
    color:#7561a8;
}
.head_menu{
    font-size: 0.078125rem;
    position: relative;
}
.head_menu .black_bg{
    background-color: #7561a8;
    position: absolute;
    width:100%;
    height: 1.5em;
    top: 0;
    left: 0;
    z-index: -1;
}
.head_menu .tar{width: 85%;margin: 0 auto;line-height:1.8em;}
.head_menu .tar ul{float: right;position: relative;z-index: 999;}
.head_menu .tar ul li{color:white;float: left;line-height: 1.8em;vertical-align: middle;display: block;padding: 0 1em;position: relative;font-size: 0.8335em;}
.head_menu .tar ul li a{color:white;}
.head_menu .tar ul li.show_menu:hover{background-color: white; color: rgb(130, 130, 130);}
.head_menu .tar ul li.show_menu:hover .item{color: rgb(130, 130, 130);}
.head_menu .tar ul li.show_menu:hover .hidden_menu{display: block;}
.head_menu .tar ul li .iconfont{font-size:1em;}
.head_menu .tar ul li .iconfont.arrow{font-size:.5em;}

.languages .flag-icon-before:before,.languages .flag-icon-after:after{
    content: '';
    display: inline-block;
    margin-bottom: -.25em;
    width: 1em;
    height: 1em;
    background: url(../icon/nationalflag.png) 0 0 / 1em;
}

.languages .flag-icon-before.zh:before,.languages .flag-icon-after.zh:after,
.languages .flag-icon-before.zf:before,.languages .flag-icon-after.zf:after{
    background-position: 0 -4em;
}

.languages .flag-icon-before.en:before,.languages .flag-icon-after.en:after{
    background-position: 0 -10em;
}

.languages .flag-icon-before.jp:before,.languages .flag-icon-after.jp:after{
    background-position: 0 -15em;
}
.languages .flag-icon-before.es:before, .languages .flag-icon-after.es:after{
    background-position: 0 -24em;
}

.languages .flag-icon-before:before{
    margin-right: .25em;
}

.languages .flag-icon-after:after {
    margin-left: .25em;
}

.languages .flag-icon-after.austria:before{
    background-position: 0 0
}

.languages .flag-icon-after.belgium:before{
    background-position: 0 -1em
}

.languages .flag-icon-after.brazil:before{
    background-position: 0 -2em
}

.languages .flag-icon-after.canada:before{
    background-position: 0 -3em
}



.languages .flag-icon-after.czech_republic:before{
    background-position: 0 -5em
}

.languages .flag-icon-after.denmark:before{
    background-position: 0 -6em
}

.languages .flag-icon-after.finland:before{
    background-position: 0 -7em
}

.languages .flag-icon-after.france:before{
    background-position: 0 -8em
}

.languages .flag-icon-after.germany:before{
    background-position: 0 -9em
}



.languages .flag-icon-after.hungary:before{
    background-position: 0 -11em
}

.languages .flag-icon-after.india:before{
    background-position: 0 -12em
}

.languages .flag-icon-after.israel:before{
    background-position: 0 -13em
}

.languages .flag-icon-after.italy:before{
    background-position: 0 -14em
}



.languages .flag-icon-after.mexico:before{
    background-position: 0 -256px
}

.languages .flag-icon-after.netherlands:before{
    background-position: 0 -272px
}

.languages .flag-icon-after.norway:before{
    background-position: 0 -288px
}

.languages .flag-icon-after.poland:before{
    background-position: 0 -304px
}

.languages .flag-icon-after.russia:before{
    background-position: 0 -320px
}

.languages .flag-icon-after.singapur:before{
    background-position: 0 -336px
}

.languages .flag-icon-after.slovakia:before{
    background-position: 0 -352px
}

.languages .flag-icon-after.south_korea:before{
    background-position: 0 -368px
}

.languages .flag-icon-after.spain:before{
    background-position: 0 -384px
}

.languages .flag-icon-after.sweden:before{
    background-position: 0 -400px
}

.languages .flag-icon-after.switzerland:before{
    background-position: 0 -416px
}

.languages .flag-icon-after.turkey:before{
    background-position: 0 -432px
}

.languages .flag-icon-after.usa:before{
    background-position: 0 -448px
}

.languages .flag-icon-after.australia:before{
    background-position: 0 -464px
}

.languages .flag-icon-after.chile:before{
    background-position: 0 -480px
}

.languages .flag-icon-after.colombia:before{
    background-position: 0 -496px
}

.languages .flag-icon-after.costa_rica:before{
    background-position: 0 -512px
}

.languages .flag-icon-after.croatia:before{
    background-position: 0 -528px
}

.languages .flag-icon-after.ecuador:before{
    background-position: 0 -544px
}

.languages .flag-icon-after.estonia:before{
    background-position: 0 -560px
}

.languages .flag-icon-after.greece:before{
    background-position: 0 -576px
}

.languages .flag-icon-after.iceland:before{
    background-position: 0 -592px
}

.languages .flag-icon-after.indonesia:before{
    background-position: 0 -608px
}

.languages .flag-icon-after.iran:before{
    background-position: 0 -624px
}

.languages .flag-icon-after.latvia:before{
    background-position: 0 -640px
}

.languages .flag-icon-after.malaysia:before{
    background-position: 0 -656px
}

.languages .flag-icon-after.peru:before{
    background-position: 0 -672px
}

.languages .flag-icon-after.philippines:before{
    background-position: 0 -688px
}

.languages .flag-icon-after.romania:before{
    background-position: 0 -704px
}

.languages .flag-icon-after.saudi_arabia:before{
    background-position: 0 -720px
}

.languages .flag-icon-after.slovenia:before{
    background-position: 0 -736px
}

.languages .flag-icon-after.south_africa:before{
    background-position: 0 -752px
}

.languages .flag-icon-after.thailand:before{
    background-position: 0 -768px
}

.languages .flag-icon-after.ukraine:before{
    background-position: 0 -783px
}

.languages .flag-icon-after.taiwan:before{
    background-position: 0 -800px
}

.languages .flag-icon-after.lithuania:before{
    background-position: 0 -816px
}

.languages .flag-icon-after.vietnam:before{
    background-position: 0 -831px
}

.languages .flag-icon-after.ireland:before{
    background-position: 0 -847px
}

.menu{
    margin: auto;
    height: 5em;
    border-bottom: 1px solid #eeeeee;
    font-size: 0.078125rem;
    position: relative;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    flex-wrap: wrap;
}
.menu .bd{
    width: 80.4em;
    margin:auto;
    font-size: 1em;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: row;
    flex-wrap: wrap;
    -webkit-flex: 0 0 80.4em;
    -ms-flex: 0 0 80.4em;
    flex: 0 0 80.4em;
    justify-content: space-between;
}
.menu .hidden_inner .bd{
    width:85%;
}
.menu .hidden_foot .bd{}
.menu .logo{
    overflow: hidden;
    width: 9.77488%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 9.77488%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 9.77488%;
    flex: 0 0 9.77488%;
}
.menu .navigator{
    height: 100%;
    min-width: 88%;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    flex-wrap: nowrap;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 0 1 88%;
}
.navigator a{
    display: block;

}
.menu .navigator .item{
   display: inline-block;
   padding: 0 .4em;
   height: 101%;
   /* margin: 0 1.5em; */
   -webkit-box-flex: 1 1 auto;
   -webkit-flex:1 1 auto;
   flex:1 1 auto;
}
.menu .navigator .item .level1{font-size: .9065em;color:black;line-height: 5.4em;font-family: PingFangSC-Medium, "Microsoft YaHei", Arial, sans-serif;word-break: normal;white-space: nowrap;text-align: center;}
.menu .navigator .item:hover{border-bottom: 2px solid #7561a8; }
.menu .navigator .item:hover .b_hide{display:block;}
.menu .logo img{width: 83%;margin: 1em 0;}

.menu .hidden_product{
    width:100%;
    padding-top: 2em;
    position: absolute;
    top:0;
    z-index: 9999;
    background-color: white;
}

.menu .hidden_inner{
    height: auto;
    overflow: hidden;
    position: relative;
    justify-content: flex-start;
}
.menu  .b_hide.ditem0 .hidden_inner{
    /* height: 14em; */
}
.menu .foot_img{
    position: absolute;
    bottom: 1em;
    right: 2em;
    display: none;
    width: 10em;
}

.navigator .type_sort{
    min-width: 14em;
    margin-left: 5em;
    height: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    margin-bottom: 2em;
}

.navigator .type_sort::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 6px; background-color: #F5F5F5; }
.navigator .type_sort::-webkit-scrollbar { width: 6px; background-color: #F5F5F5; }
.navigator .type_sort::-webkit-scrollbar-thumb { border-radius: 6px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #f3f3f3; }



.navigator .type_sort a{color:#696969;line-height: 2.8em;}
.navigator .ditem0 .type_sort .wrapper{/* color:#696969; */height: 20em;/* line-height: 1.8em; */}

.download{
    width: 60em;
    margin: 4em auto 0;
}
.download .sort{
    float: left;
    height: 9em;
    width: 25%;
    padding: 0px 3em;
    margin-bottom: 1em;
}
.download .sort .dowmload_icon{display:block;padding: 0 2em;}
.download .sort img{width:100%;}
.sort .title{
    font-size: 1em;
    text-align: center;
    margin-top: 1em;
    display: block;
    font-weight: bold;
    color: #191919;
}
.menu .navigator .type_sort .type_tit{
    width:100%;
    padding-bottom: .3em;
    display: block;
    color: #696969;
    border-bottom: 1px #c3c3c3 solid;
    font-size: 1.1665em;
    font-weight: bold;
    line-height: 1.8em;
    font-family: PingFangSC-Semibold, "Microsoft YaHei", Arial, sans-serif;
    white-space: nowrap;
}
.menu .navigator .type_sort .role_sort{
    color:#767676;
    display: block;
    text-decoration:none;
    font-size: 0.8335em;
    line-height: 2.4em;
}
.menu .navigator .role_sort:hover,.menu .navigator .role_sort.on{
    color:#7561a8;
}
.hidden_foot{
    width:100%;
    height: 3em;
    background-color: #f3f3f3;
}
.hidden_p{
    margin-left: 5em;
    float: left;
    width: 14em;
}
.hidden_p .link{
    line-height: 3em;
    text-align: left;
    font-size: 1em;
    color: #000;
}
.hidden_p .link:hover{font-weight: bold;}

.b_hide{
    margin: 0 auto 0;
    width:100%;
    position: absolute;
    z-index: 99;
    top: 4.999em;
    left: 0;
    display:none;
}

.foot{
    padding-top: 2.5em;
    padding-bottom: 2em;
    background-color: #eeeeee;
    margin-top: 2em;
    font-size: 0.078125rem;
}

.foot_s{
    width: 60em;
    margin:0 auto;
}

.foot_left .fp1{
    font-size: 1.3335em;
    font-weight: bold;
    margin-bottom: 1em;
    font-family: PingFangSC-Semibold,"Microsoft YaHei", Arial, sans-serif;
}
.foot_left .fp2{
    font-size: 1em;
    color:#6a6a6a;
    line-height: 1.8em;
    margin-bottom: 1em;
    font-weight: bold;
}
.foot_left .fp3{
    font-size: 0.8335em;
    color:#7a7a7a;
    line-height: 2em;
}
.foot_right{
    width: 25em;
    float: right;
    padding-top: 4em;
    font-size: 1em;
}

.friendlink{
    clear: both;
    margin: 3em auto 0;
    padding-right: 5em;
    width: 22em;
    display: block;
}
.email_input{
    width: 19em;
    border: .15em #6a6a6a solid;
    height: 3em;
    font-size: 1em;
    text-align: center;
    border-radius: 3em;
}
.foot.es .foot_s{width: 60em;}
.foot.es .foot_right{width: 26em;}
.foot.es  .form{width:25em;}
.foot.es .email_input{font-size:.8em;width: 27em;height: 3.8em;}
.foot.jp .foot_s{width: 60em;}
.foot.jp .foot_right{width: 26em;}
.foot.jp  .form{width:25em;}
.foot.jp .email_input{font-size:.8em;width: 27em;height: 3.8em;}
textarea::-webkit-input-placeholder,input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
   font-size: 1em;
}
textarea:-moz-placeholder,input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   font-size: 1em;
}
textarea::-moz-placeholder,input:-moz-placeholder { /* Mozilla Firefox 19+ */
  font-size: 1em;
}
textarea:-ms-input-placeholder,input:-moz-placeholder { /* Internet Explorer 10-11 */
   font-size: 1em;
}
.foot_left{
    float: left;
    width: 30em;
}
.foot .form{
    width: 22.5em;
    height: 3em;
    float: left;
    /* display: block; */
    font-size: 1em;
}
.foot .form .fl{font-size:1em;}

.foot .form .rg.iconfont{
    font-size: 3em;
    line-height: 1em;
    cursor: pointer;
}
.foot .friendlink .iconfont{
    color: #7a7a7a;
    font-size: 2em;
    width: 1em;
    display: block;
    background-position:center;
    background-size:contain;
    background-repeat: no-repeat;
}

.foot .line{height: 1px;background-color: #d2d2d2;margin: 1em 0 1em;}
.foot .other{
    text-align: center;
    font-size: 0.8335em;
    color: #7a7a7a;
}
.foot .other a{
    color: #7a7a7a;
}
.m-modal {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    text-align: center;
    overflow: hidden;
    z-index: 99999999;
    display: none;
}

.m-modal .modal_mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.6;
    filter: alpha(opacity=60);
    z-index: -1;
}

.m-modal .modal_dialog {
    width: 720px;
    text-align: left;
    display: inline-block;
    vertical-align: middle;
    background: white;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125);
}

.m-modal .modal_hd {
    position: relative;
    background-color: #ccc;
    padding: 20px 20px 14px;
    border-bottom: 1px solid #ccc;
}

.m-modal .modal_title {
    font-size: 18px;
    line-height: 18px;
}

.m-modal .modal_close {
    float: right;
    margin: -2px 0px 0 0;
    color: #bbb;
    display: inline-block;
    height: 14px;
    line-height: 14px;
    font-size: 14px;
    outline: 0;
    text-decoration: none;
    cursor: pointer;
}

.m-modal .modal_close i {
    font-size: 24px;
}

.m-modal .modal_close:hover {
    color: #888;
}

.m-modal .modal_bd {
    margin: 0;
    padding: 0;

    min-height: 10px;
}

.m-modal .modal_ft {
    padding: 20px 0 50px;
    text-align: center;
}

.m-modal .modal_ft .u-btn {
    margin: 0 3px;
}

.m-modal .modal_font_sub {
    color: #999;
    text-indent: 2em;
}

.m-modal p {
    line-height: 1.5;
}

.m-modal:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.m-modal-mid .modal_dialog {
    width: 705px;
}

.m-modal-big .modal_dialog {
    width: 800px;
}

.m-modal-raw-text .modal_bd {
    padding: 30px 60px 10px 60px;
}

.m-modal-confirm .modal_bd {
    font-size: 16px;
    padding: 50px 15px 40px;
    text-align: center;
    word-break: break-all;
}
.videoPreview {
    position: fixed;
    display: none;
    top: 30px;
    left: 50%;
    margin-left: -360px;
    width: 726px;
    height: 530px;
    text-align: center;
    overflow: visible;
}
.videoPreview.show{display:block;}
.videoPreview .videoPlayer {
    margin: 0;
    padding: 0;
    border: none;
    width: 720px;
    height: 480px;
    overflow: hidden;
}

.pagehelp{
    margin: 2em auto 0;
    position: relative;
    text-align:center;
}

.pagehelp .center{
    display:inline-block;
}
.pagehelp .listpage{
    float: left;
    color:#a4a4a4;
    height: 1.8em;
    line-height: 1.8em;
    width: 1.8em;
}
.pagehelp .listpage.info{width:2.6em;}
.pagehelp .listpage.curpage{
    background-color: #7561a8;
    color: white;
}
.pagehelp .page_search{
    display: block;
    float: left;
    margin: 0 .5em;
    border:1px solid #dbdbdb;
    width: 2.6em;
    height: 1.8em;
    text-align: center;
    font-size: 1em;
}
.pagehelp .sub{
    display: block;
    float: left;
    margin: 0 .5em;
    background-color: #7561a8;
    color:white;
    padding: 0 .4em;
    height: 1.8em;
    text-align: center;
    font-size: 1em;
}
.pagehelp .prepage,.pagehelp .nextpage{
    font-size: 2em;
    width: .9em;
    height: .9em;
    line-height: .9em;
}

.pro_list{
    width:100%;
    margin: 0 auto;
}
.pro_list .top_list{
    width:100%;
    margin-top: 2em;
}
.pro_list .product{
    width: 13.5em;
    height: 15.5em;
    float: left;
    margin: 0 1.95em 1.5em 0;
}
.pro_list .product.last{
    margin-right:0;
}

.pro_list .pro_inner{
    width: 100%;
    border:1px solid #dbdbdb;
    overflow: hidden;
    height: 12em;
    position: relative;
    display: block;
    background-size:cover;
    background-position:center;
    color: #000;
}
.pro_list .product .link{
    margin-top: 1em;
    font-size: 1em;
    text-align: center;
    display: block;
    color:#000;
    font-weight: bold;
    font-family: PingFangSC-Semibold, "Microsoft YaHei", Arial, sans-serif;
}


.product .product_bg{
    background-color: rgba(255,255,255,0.8);
    width: 100%;
    height: 100%;
    position: absolute;
    top:0;
    left:0;
    text-align: center;
    padding: 0 1em;
    display: none;
}
.product:hover .pro_inner{border: 2px solid #7561a8;}
.product:hover .product_bg{display:block;}
.product:hover .link{color: #7561a8;}
.product .product_bg .txt{
    position: absolute;
    display: block;
    font-size: .9em;
    top: 50%;
    left: 0;
    transform: translate(0%, -50%);
    color: #000;
    padding: 0 1em;
}
.product .product_bg span{
    display: inline-block;
    vertical-align: middle;

    height:100%;

}
.blockUI{font-size:.078125rem;}
.blockUI .loaderbox{
    color:#fff;
    font-size:1em;
}

.flexbox{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.layui-layer-dialog {
    min-width: 400px !important;
    min-height: 250px !important;
    font-size: .078125rem;
    border-radius: 20px !important;
    background-color: transparent !important;
    background:url('../images/white_bg.png') repeat;
}

.layui-layer.layui-layer-dialog .layui-layer-setwin .layui-layer-close2{
    right: 0px;
    top: 0px;
    background-position: 14px -31px;
}
div#layui-layer1 {}

body .layui-layer-dialog .layui-layer-padding{
    padding: 80px 10px 60px 55px;
    font-size: 1em;
}
body .layui-layer-dialog .layui-layer-content .layui-layer-ico{
    position: absolute;
    top: 80px;
    left: 15px;
    width: 30px;
    height: 30px;
    display: none;
}
body .layui-layer-dialog .layui-layer-title{
    font-size:1em;
}
body .layui-layer-dialog .layui-layer-content{
    font-size: 1.2em;
    text-align: center;
    padding: 4em;
}
@media all and (max-width: 1382px) {
.head_menu{

}
.head_menu .tar{width:92%;}


}
@media all and (max-width: 1200px) {
    html{font-size: 160px !important;}
    html,body{width: 1200px;}

}
@media all and (max-width: 812px) {

}